<template>
  <h3>child..</h3>
  <p>{{ count }}</p>
  <button @click="xxx">按钮</button>
</template>

<script lang="ts">
// 为了给组件命名，主要在开发者工具可以查看
export default {
  name: "Child",
};
</script>

<script setup lang="ts">
// defineProps / defineEmits 不需要定义，可以直接使用
// 声明接受props数据
const props = defineProps<{
  count: number;
}>();

// 模板页面直接使用props
// 在js中使用props
console.log(props.count);

// 声明接受自定义事件
const emit = defineEmits(["update"]);

const xxx = () => {
  emit("update"); // 触发自定义事件
};
</script>
